<template>
    <div>
        <el-button :plain="true" @click="open">打开消息提示</el-button>
        <!-- <el-message /> -->
    </div>
</template>

<script>
// import ElMessage from '../../components/Message/message.vue'
import ElButton from '../../components/Button/index'

export default {
    name: 'MessageShownPage',
    mounted() {
        // setTimeout(() => {
            // this.$message('就这？就这？')

            // this.$message({
            //     message: '恭喜你，这是一条成功消息',
            //     type: 'success'
            // })

            // this.$message.error('错了哦，这是一条错误消息');

            // this.$message({
            //     showClose: true,
            //     message: '这是一条消息提示'
            // });

            // this.$message({
            //     message: '居中的文字',
            //     center: true
            // });

            // this.$message({
            //     dangerouslyUseHTMLString: true,
            //     message: '<strong>这是 <i>HTML</i> 片段</strong>'
            // });

            // const h = this.$createElement;
            // this.$message({
            //     message: h('p', null, [
            //         h('span', null, '内容可以是 '),
            //         h('i', { style: 'color: teal' }, 'VNode')
            //     ])
            // });
        // }, 1000);
    },
    methods: {
        open() {
            this.$message('这是一条消息提示');
        },
    },
    components: {
        // ElMessage
        ElButton
    }
}
</script>

<style>
</style>